<template>
  <el-dialog :title="dialog.title" :visible.sync="dialog.show" width="530px" height="400px" custom-class="mydialog" append-to-body @close="handleClose">
    <div class="dialog-content">
      <el-form ref="form1" :model="form" :rules="rules" label-width="150px" >
        <el-form-item label="出货仓：" >
          <el-select v-model="form.type" placeholder="选择出货仓" class="seach-select mb-30" size="small">
            <el-option v-for="item in form.type_options" :key="item.value" :label="item.label" :value="item.value"/>
          </el-select>
        </el-form-item>
      </el-form>
      <div class="text-center mt-30">
        <el-button class="greenbt" type="primary">确定</el-button>
      </div>
    </div>
  </el-dialog>
</template>
<script>
export default{
  props: {
    // 父组件调用时传进来的参数
    modalData: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      dialog: {
        title: '', show: true
      },
      form: {
        type_options: [], type: ''
      },
      rules: {}

    }
  },
  methods: {
    handleClose() {
      this.$emit('close')
    }
  }
}
</script>
